

body{
	margin: 0;
}
.content{
	background-color: rgba(0,0,0,0.333);
	height: 600px;
   display: flex;
   justify-content: space-around;
   align-items: center;
}
.content .box{
	width: 750px;
	height: 380px;
	background: url(../img/pop-bg.jpg);
	display: flex;
	justify-content: flex-end;
}

.content .box .right{
	height: 260px;
	width: 260px;
	/* background-color: #4449; */
   margin-right: 60px;
   margin-top: 40px;
   padding: 20px;
}
.content .box .right .title{
	font-size: 0;
}
.content .box .right .title a{
	font-size: 20px;
	color: #333333;
	text-decoration: none;
	display: inline-block;
	width: 130px;
	text-align: center;
	border-bottom: 1px solid  #CCCCCC ;
	padding-bottom: 15px;
}
.content .box .right .title .active{
	color: #27d5bf;
		border-bottom: 3px solid  #27d5bf ;
		padding-bottom: 14px;
}
.content .box .right .text div{
	margin: 20px 0;
}
.content .box .right .text div input[type=text],
.content .box .right .text div input[type=password]{
	width: 252px;
	height: 28px;
	outline: 1px solid #CCCCCC;
	border-radius: 4px;
	border: none;
}
.content .box .right .text div input[type=text]:focus,
.content .box .right .text div input[type=password]:focus{
	outline: 1px solid #27D5BF;
	border-color: transparent;
}
.content .box .right .text div input[type=submit]{
	width: 260px;
	height: 32px;
	color: white;
	background-color: #27D5BF;
	border: none;
	font-size: 19px;
}
.content .box .right .text form{
	display: none;
}
.content .box .right .text form:first-child{
	display: block;
}
